Vue.component("mytable",{

    props:{
     column:{
         type:Array,
         required: true,
     },
     data:{
        type:Array,
         required: true,
     },
    },
  template:
  `<table border="1" cellpadding="20" cellspacing="0">
      <tr>
        <th v-for="thItem in column">{{thItem.title}}</th>
      </tr> 
      <tr v-for="trItem in data">
        <td v-for="tdItem in column">{{trItem[tdItem.key]}}</td>
      </tr>  
    </table>`
})
